@color: red;

// 变量作用域 就近原则

// 当定义一个变量两次时，使用变量的最后一个定义，从当前范围向上搜索。这类似于 css 本身，其中定义中的最后一个属性用于确定值。

div {
  @color: green;
  a {
    color: @color;
  }
  // 从当前作用于向上搜索，和js变量不同 可在声明前调用
  p {
    font-size: @size;
  }

  @size: 16px;
}

@size: 20px;
